<template>
    <div class="flex_center form_item">
        <div class="label" v-if="label!=''">{{label}}</div>
        <div class="input flex_center">
            <input type="text" :value="value" @input="$emit('update:value',$event.target.value)">
        </div>
    </div>
</template>
<script>
export default{
    props:['label','value'],
}
</script>
<style scoped lang="less">
.form_item{
    margin-bottom: .4em;
    .label{
        width:70px;
        text-align:right;
        margin-right: 1em;
    }
    .input{
        width: 200px;
        height: 26px;
        border: 1px solid #4B5F3D;
        border-radius: .2em;
    }
}

</style>

